<template>
  <div class="table03" :class="[borderspace=='true' ? 'table':'table1']">
    <slot></slot>
  </div>
</template>
<style scoped>
th,
td {
  padding: 10px 5px;
}
.table03{
  font-size: 12px;
}
table{
  width: 100%;
  background-color: #fff;
  color: #666;
  border-collapse: separate;
}
.table table {
  border-spacing: 0px 10px;
}
.table1 table {
  border-spacing: 0px 0px;
}
thead tr:first-child {
  background-color: #f2f2f2!important;
}
th,td {
  text-align: center;
  padding: 10px 5px;
}
tbody tr:not(first-child) {
  background-color: #f2f2f2;
}
table.row-interval tr:nth-child(odd) {
  background: #fff;
}
.table03>>>.el-input__inner{
    height: 32px!important;
 }
.table03>>>.el-input__icon{
    line-height: 32px!important;
 }
</style>
<script>
export default {
  name: "table03",
  props: {
    borderspace:{
    default:'true'
  }
  },
  methods: {},
  created(){
  }
};
</script>
